$(function () {
    //自定义表单校验规则
    layui.form.verify({
        //规则名称：规则定义
        pwd: [
            /^\S{6,12}$/,
            '密码必须为6~12位非空字符'
        ],
        repwd: function (value, item) {
            //value使用此规则表单的值
            //item使用此规则的表单元素对象（dom对象）
            //判断密码（手动获取）和确认密码（value）是否一致
            var pwd = $('#form_reg input[name=password]').val().trim()
            if (pwd !== value) {
                return '两次密码不一致！'
            }
        }
    })
    // 效果1 登陆和注册表单的切换
    // 单击去注册隐藏登陆表单，显示注册表单
    $("#link_reg").on('click', function () {
        $(".login-box").hide()
        $(".reg-box").show()
    })
    // 单击去登陆隐藏注册表单，显示登陆表单
    $("#link_login").on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    //  效果2 注册功能
    //表单注册submit事件
    $("#form_reg").on('submit', function (e) {
        //阻止默认事件
        e.preventDefault()
        //收集数据
        var username = $("#form_reg input[name=username]").val().trim()
        var password = $("#form_reg input[name=password]").val().trim()
        var repassword = $("#form_reg input[name=repassword]").val().trim()
        console.log(username, password, repassword);
        //调接口
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: {
                username: username,
                password
            },
            success(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg('注册失败', { icon: 5 })
                }
                layui.layer.msg('注册成功', { icon: 6 })
                //显示登陆表单(出发去登陆按钮的click事件)
                $("#link_login").click()
            }
        })
    })
    
    $("#form_login").on('submit', function (e) {
        e.preventDefault()
        var data = $(this).serialize()
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: data,
            success(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, { icon: 5 })
                }
                layui.layer.msg('登陆成功!', { icon: 6 })
                //保存token 到本地存储
                localStorage.setItem('token', res.token)
                //跳转到后台
                location.href = 'index.html'
            }
        })
    })

})